@prefix-font: ~'@{nameSpace}-font';

.@{prefix-font}-base {
  font-family: var(--design-base);
}

.@{prefix-font}-special-number {
  font-family: var(--design-special-number);
}

.@{prefix-font}-special-en {
  font-family: var(--design-special-en);
}

.@{prefix-font}-default {
  color: var(--design-text-color-5);
}

.@{prefix-font}-secondary {
  color: var(--design-text-color-4);
}

.@{prefix-font}-primary {
  color: var(--design-base-color);
}

.@{prefix-font}-success {
  color: var(--design-success-color);
}

.@{prefix-font}-warning {
  color: var(--design-warning-color);
}

.@{prefix-font}-error {
  color: var(--design-error-color);
}

.@{prefix-font}-disabled {
  color: var(--design-text-color-3);
}


.@{prefix-font}-level-1 {
  font-size: var(--design-font-size-4xl);
  font-weight: 600;
}

.@{prefix-font}-level-2 {
  font-size: var(--design-font-size-3xl);
  font-weight: 500;
}

.@{prefix-font}-level-3 {
  font-size: var(--design-font-size-2xl);
  font-weight: 400;
}

.@{prefix-font}-level-4 {
  font-size: var(--design-font-size-md);
  font-weight: 300;
}

.@{prefix-font}-level-5 {
  font-size: var(--design-font-size-base);
  font-weight: 200;
}

.@{prefix-font}-level-6 {
  font-size: var(--design-font-size-sm);
  font-weight: 100;
}